body{
    margin: 0;
    padding: 0;

}
.topleft {
    position: fixed;
    z-index: 1;
    background-color: white;
    height: 56px;
    right: 0;
    padding: 20px;
    left: 0px;
    font-size: 18px;
}
.input{
    margin-left: 200px;
    width: 280px;
}
.input-one{
    margin: 0px 300px 0px;
}
.input-two{
    margin-left: 40px;
    width: 80px;

}
.information{
    position: absolute;
    width: 860px;
    left:-50px;
    top:230px;
    font-size: 14px;
    text-align: center;
}
.thead{
    text-align: center;
}

.classify-background{
    position: absolute;
    background-color: #DCDCDC;
    border-radius: 15px;
    box-shadow: 5px 6px 6px     #C0C0C0;
    width: 83%;
    top: 90px;
    left: 60px;

}
.old-customer{
    padding: 40px;
    margin:30px 10px 30px 17px; 
    background-color: #EEEEEE;
    border-radius: 10px;
    border:2px solid #C0C0C0;
    float: left;
    font-size: 18px;
    line-height: 28px;
}
.adding{
    position: absolute;
    margin-left: 800px;
    margin-top: -55px;
    
}

.accesses{
    margin-top: 100px;
    margin-left: 30px;
    width: 910px;
    height:1800px;
    border:5px solid skyblue; 
    border-radius:  65px;
    box-shadow: 6px 7px 6px #D3D3D3;

}
.access{
    position: relative;
    width:200px;
    top: 20px;
    left: 280px;
    font-size: 30px;
    color: #00B5F9;
    font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
    box-shadow: 5px 6px 6px #DEB887;
}
.table{
    position: absolute;
    margin: 60px 60px 0px;
    padding: 60px 20px 60px;
    left:30px; 
    width: 300px;
    line-height: 25px;
    font-size: 18px; 
}
img{
    border-radius: 100px;
    width: 90px;
    height: 90px;
}
.inputadd{
    width: 80px;
    margin: 3px 0px 0px;
    padding:20px 10px;
    cursor: pointer;
}
.i{
    border-radius:2px;
    font-size: 56px;
}
.ul{
   	position: relative;
    top: 900px;
    width: 520px;
    left: 300px;
    font-size: 18px;
    cursor: pointer;

}